<template>
	<view class="container">
		<cu-custom isBack bgColor="bg-white">
			<block slot="content">去体现</block>
		</cu-custom>
		<view class="margin radius-sm wallet-card">
			<view class="text-lg">可提现金额(元)</view>
			<view class="text-xsl text-bold">0</view>
			<view class="">
				<uni-icons type="info" size="16" color="#fff"></uni-icons>
				<text>当日最高可提现￥200元</text>
			</view>
		</view>
		<view class="flex padding-lr-xl margin-top-xl">
			<button class="cu-btn flex-sub bg-red lg round margin-lr-xl"
				@tap="withdraw">申请提现</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
			}
		},
		methods: {
			withdraw() {
				return this.$tools.msg("还没做呢")
			}
		}
	}
</script>

<style scoped>
	.wallet-card {
		padding: 50rpx 30rpx;
		background-image: linear-gradient(rgb(228, 66, 66), rgb(250, 117, 111));
		color: #fff;
		height: 320rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
</style>